<div class="register" ng-controller="RegisterCtrl">

  <div ng-include="'angular/template/include/toptip.html'">
  </div>

  <div class="logo"><img src="angular/images/logo.png" alt="logo"/></div>

  <form name="form" novalidate class="form register-form" ng-submit="validatePhone()">
    <h1 class="gray-drak text-center no-top-margin font-lg" style="font-weight: 300;">新用户注册</h1>

    <div class="form-item has-icon icon-phone">
      <input class="input input-block client-input" ng-model="registerForm.phone" name="phone" type="text" placeholder="请输入手机号" phone required/>
      <div ng-show="form.$submitted || form.uPhone.$touched">
        <span class="input-tip client-input-tip" ng-show="form.uPhone.$error.required">请输入手机号码</span>
        <span class="input-tip client-input-tip" ng-show="form.uPhone.$error.phone">手机号码格式不正确</span>
      </div>
    </div>
    
    <div class="form-item has-icon icon-password">
      <span id="pass">
      	<input  class="input input-block client-input" ng-model="registerForm.password" id="pw" name="password" type="password" placeholder="请设置初始密码" password required/>
      </span>
      <span class="open_eye" id="showPass" ng-click="toSeeFuc()"></span>
      <span class="close_eye" id="showNoPass" ng-click="toUnSeeFuc()"></span>
      <div ng-show="form.$submitted || form.uPhone.$touched">
        <span class="input-tip client-input-tip" ng-show="form.uPhone.$error.required">请输入密码</span>
        <span class="input-tip client-input-tip" ng-show="form.uPhone.$error.password">密码格式不正确</span>
      </div>
    </div>
    
    <div class="form-item has-icon icon-password">
      <input class="input input-block client-input has-btn" ng-model="registerForm.validateCode" name="validateCode" type="text" placeholder="手机验证码" required/>
      <button class="get-code" ng-disabled="btnClicked" ng-click="getMessageCode()" name="getCode" >{{messageCode.codeBtn}}</button>
      <div class="left-padding-10" ng-show="form.$submitted || form.validateCode.$touched">
        <span class="input-tip client-input-tip" ng-show="form.validateCode.$error.required">请输入手机验证码</span>
      </div>
    </div>

    <div class="form-item clearfix font-sm bottom-margin-10">
      <span class="pull-left"><input type="checkbox" checked>我已阅读并同意</span>
      <a class="pull-right blue" ng-href="angular/template/service-agreement.html">《服务条款》</a>
    </div>

    <div class="form-item text-center">
      <button type="submit" class="btn client-btn cycle-btn">下一步</button>
    </div>

    <div class="form-item clearfix text-center top-margin-20">
      <a class="blue" href="#/login">直接登录</a>
    </div>

  </form>
</div>
